<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phần mềm quản lý sân bóng</title>

<!--For General-->
<link href="css/reset.css" type="text/css" rel="stylesheet" />
<link href="css/templates.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jscript/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jscript/scroll.js"></script>
<script type="text/javascript" src="jscript/all-script.js"></script>

<!--For Clock-->
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

<!--For Jquery UI-->
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="jscript/jquery-ui-1.8.14.custom.min.js"></script>

<!--For Logo menu-->
<link href="css/jd_menu.css" rel="stylesheet" type="text/css" />
<script src="jscript/jd_Menu.js" language="JavaScript"></script>

</head>

<body>

<h1 class="top">TAN NHAT MINH</h1>
<div id="tnm-wrapper">
	<div id="tnm-header">
    	<div class="logo">
        	<img src="images/logo-sport.png" width="239" height="61" alt=""/>
			
            <a id="menuTarget" onclick="jd_Menu_show('#exampleMenu', true);"><img src="images/logo-sport-menu.png" width="194" height="61" /></a>
            <ul id="exampleMenu" class="jd_menu" attachto="menuTarget" menuposition="relative bottom left" style="margin-top: 4px;">
                <!-- menuposition may be (relative|absolute) (mb mt ml mr) (bottom left top right) -->
                <li>Thiết lập nhân viên</li>
                <li>Thiết lập sân bóng &nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Phân loại</li>
                        <li>Thời gian hoạt động</li>
                    </ul>
                </li>
                <li>Vật tư sân</li>
                <li>Thiết lập Căng tin&nbsp;&raquo;
                	<ul class="jd_menu" menuposition="relative top right">
                    	<li>Số bàn</li>
                        <li>Menu thức uống</li>
                        <li>Menu trang phục</li>
                    </ul>
                </li>
                <li>Vật tư Căng tin</li>
                <li>Thiết lập Khuyến mãi</li>
                <li>Xem báo cáo</li>
                <li>Thoát</li>
            </ul>
            
        </div>        
        <ul class="main-menu">
        	<li><a href="index.html"><span>Tổng thể</span></a></li>
            <li><a href="search-day.html"><span>Lịch đặt sân</span></a></li>
            <li class="act"><a href="cangtin.html"><span>Căng tin</span></a></li>
            <li><a href="#"><span>Bàn giao</span></a></li>
            <li><a href="#"><span>Nhân viên</span></a></li>
            <li><a href="customer.html"><span>Khách hàng</span></a></li>
        </ul>
        <div class="right"></div>
    </div>
    <div id="tnm-body">
    	<div class="tnm-col-left">
        	<h2 class="title-tnm-col-left">Chi Tiết</h2>
            <div class="content-tnm-col-left">
            	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="100" style="font-weight:bold; font-size:15px">TỔNG TIỀN</td>
                        <td style="font-weight:bold; font-size:15px; color:red">650.000 vnd</td>
                        <td width="*">&nbsp;</td>
                        <td width="120"><div class="button btn-customer"><a href="#">Thanh toán</a></div></td>
                        <td width="100"><a href="#"><img src="images/ico-print.png" width="21" height="19" /></a> <a href="#">In hóa đơn</a></td>
                    </tr>
                </table>
                <div class="table-checkout">
                    <div class="sub-title-checkout" style="padding-top:10px">Chi phí sân</div>
                    <table class="DataTable" cellpadding="0" cellspacing="0">
                        <form name="myform" action="checkboxes.asp" method="post">
                        <tr class="head">
                            <td width="150">Sân</td>
                            <td width="150">Thời gian</td>
                            <td width="150">Thành tiền</td>
                            <td colspan="2">Giảm giá</td>
                            <td width="*">Tổng</td>
                        </tr>
                        <tr class="even">
                            
                            <td>Sân A1</td>
                            <td>1 giờ 30 phút</td> 
                            <td>300.000</td>
                            <td width="60">20.000</td>
                            <td width="70">
                                <select style="width:60px" name="">
                                    <option>VNĐ</option>
                                </select>
                            </td>  
                            <td>280.000</td>
    
                        </tr>
                        <tr class="odd">
                            <td>Sân A2</td>
                            <td>1 giờ</td> 
                            <td>200.000</td>
                            <td width="60">5</td>
                            <td width="70">
                                <select style="width:60px" name="">
                                    <option>%</option>
                                </select>
                            </td> 
                            <td>195.000</td>
                        </tr>
                        <tr>
                            <td colspan="5"><strong>TỔNG CỘNG</strong></td>
                            <td><strong>580.000 VNĐ</strong></td>
                        </tr>
                        </form>
                    </table>
                    <div class="sub-title-checkout">Chi phí bàn</div>
                    <table class="DataTable" cellpadding="0" cellspacing="0">
                        <form name="myform" action="checkboxes.asp" method="post">
                        <tr class="head">
                            <td width="150">Bàn</td>
                            <td width="150">Thức uống</td>
                            <td width="100">Số lượng</td>
                            <td width="150">Thành tiền</td>
                            <td colspan="2">Giảm giá</td>
                            <td width="*">Tổng</td>
                        </tr>
                        <tr class="even">
                            
                            <td>Bàn 01</td>
                            <td>
                            	Coca<br />
                            	Pepsi<br />
                                Nước mía<br />
                            </td> 
                            <td>
                            	2<br />
                            	4<br />
                                1<br />
                            </td> 
                            <td>
                            	12.000<br />
                            	14.000<br />
                                6.000<br />
                            </td> 
                            <td width="60">20.000</td>
                            <td width="70">
                                <select style="width:60px" name="">
                                    <option>VNĐ</option>
                                </select>
                            </td>  
                            <td>280.000</td>
                        </tr>
                        <tr class="odd">
                            
                            <td>Bàn 02</td>
                            <td>
                            	Coca<br />
                            	Pepsi<br />
                                Nước mía<br />
                            </td> 
                            <td>
                            	2<br />
                            	4<br />
                                1<br />
                            </td> 
                            <td>
                            	12.000<br />
                            	14.000<br />
                                6.000<br />
                            </td> 
                            <td width="60">20.000</td>
                            <td width="70">
                                <select style="width:60px" name="">
                                    <option>VNĐ</option>
                                </select>
                            </td>  
                            <td>280.000</td>
                        </tr>
                        <tr class="even">
                            
                            <td>Bàn 01</td>
                            <td>
                            	Coca<br />
                            	Pepsi<br />
                                Nước mía<br />
                            </td> 
                            <td>
                            	2<br />
                            	4<br />
                                1<br />
                            </td> 
                            <td>
                            	12.000<br />
                            	14.000<br />
                                6.000<br />
                            </td> 
                            <td width="60">20.000</td>
                            <td width="70">
                                <select style="width:60px" name="">
                                    <option>VNĐ</option>
                                </select>
                            </td>  
                            <td>280.000</td>
                        </tr>
                        <tr class="odd">
                            
                            <td>Bàn 02</td>
                            <td>
                            	Coca<br />
                            	Pepsi<br />
                                Nước mía<br />
                            </td> 
                            <td>
                            	2<br />
                            	4<br />
                                1<br />
                            </td> 
                            <td>
                            	12.000<br />
                            	14.000<br />
                                6.000<br />
                            </td> 
                            <td width="60">20.000</td>
                            <td width="70">
                                <select style="width:60px" name="">
                                    <option>VNĐ</option>
                                </select>
                            </td>  
                            <td>280.000</td>
                        </tr>
                        </form>
                    </table>
            	</div>       	
            </div>
            <div class="bottom-tnm-col-left"></div>
        </div>
        <div class="tnm-col-right">
        	<h2 class="title-tnm-col-right">Lựa chọn</h2>
            <div class="content-tnm-col-right">
            	<div id="sub-col-right">
                    <div class="sub-title">Chọn sân</div>
                    <div class="sub-content">
                    	<ul>
                        	<li>Sân:</li>
                            <li class="num">
                            	<select style="width:80px" name="">
                                    <option>A1</option>
                                </select>
                                
                            </li>
                            <li></li>
                            <li class="num">
                            	<select style="width:80px" name="">
                                    <option>A2</option>
                                </select>
                                
                            </li>
                            <li style="width:15px; float:right; margin-top:2px"><a href="#"><img src="images/add-icon.png" width="14" height="14" /></a></li>
                        </ul>
                    </div>
                    <div class="sub-title">Chọn bàn</div>
                    <div class="sub-content">
                    	<ul>
                        	<li>Bàn:</li>
                            <li class="num">
                            	<select style="width:80px" name="">
                                    <option>14</option>
                                </select>
                                
                            </li>
                            <li style="width:15px; float:right; margin-top:2px"><a href="#"><img src="images/add-icon.png" width="14" height="14" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom-tnm-col-right"></div>
        </div>
    </div>
    <div id="tnm-footer" style="padding:5px 20px 30px 0">
    	<div class="right"></div>
        
    </div>
</div>
<!-- ----------------Customer---------------------- -->
<div id="dialog-customer" class="dialog-customer" title="THANH TOÁN">
	<div class="dialog-new">
        <form action="" method="get">
            <div class="style-form">
                <dl>
                    <dt>Tổng:</dt>
                    <dd><strong>652.000 VNĐ</strong></dd>                     
                </dl>
                <dl>
                    <dt>Nhận:</dt>
                    <dd><input type="text"/></dd>                     
                </dl>
                <dl>
                    <dt>Trả lại:</dt>
                    <dd style="color:red"><strong>20.000 VND</strong></dd>                     
                </dl>
                <dl>
                    <dt></dt>
                    <dd>
                        <div class="button"><a href="#">Xong</a></div>
    					<div class="button" style="margin-left:5px"><a href="#">Hủy</a></div>
                    </dd>                  
                </dl>
            </div>
        </form>
    </div>
</div>
</body>
</html>
